<!DOCTYPE html>
<html>

<head>
    <title>Live</title>
    <meta charset="utf-8">
    <style>
        * {
            margin: 0;
            padding: 0;
            font-size: 14px;
        }

        html,
        body {
            height: 100%;
        }

        #container {
            display: flex;
            width: 100%;
            height: 100%;
        }

        #sidebar {
            width: 180px;
            overflow-y: auto;
        }

        #vip_ul li {
            margin: 5px 0 5px 10px;
            cursor: pointer;
        }

        #main {
            flex: 1;
        }

        #video_info {
            display: flex;
            padding: 0 5px;
        }

        #video_info input {
            flex: 1;
        }

        #video_info button {
            width: 120px;
            height: 35px;
            margin-left: 10px;
            cursor: pointer;
        }

        h3 {
            padding: 5px;
        }
        .get_urls{
            padding:10px 5px;
            font-size: 12px;
        }
        .get_urls button{
            cursor: pointer;
            display: none;
        }
    </style>
    <script>
        function changeFrameHeight() {//重置iframe高度
            var ifm = document.getElementById("myiframe");
            ifm.height = document.documentElement.clientHeight - 150;
        }
        window.onresize = function () {
            changeFrameHeight();
        }
    </script>
</head>

<body>
    <div id="container">
        <div id="sidebar">
            <ul id="vip_ul">

            </ul>
        </div>
        <div id="main">
            <iframe src="" id="myiframe" onload="changeFrameHeight()" scrolling="yes" height="700" frameborder="0"
                width="100%">

            </iframe>
            <h3></h3>
            <div id="video_info">
                <input type="text" id="videourl" value="" />
                <button id="start_fla">开始解析</button>
            </div>
            <p class="get_urls"><span id="sourceWeb"></span><button id="openWin">新标签页打开</button></p>
            
        </div>
    </div>
</body>

</html>